<!DOCTYPE html>
<html lang="en">

	<head>
		<meta charset="UTF-8">
		<title>提升学历</title>
		<meta name="viewport" content="width=device-width, initial-scale=1">
		<link rel="stylesheet" href="studentInput.css">

	</head>

	<body>

		<article>
			<p>这是工作以来赚的钱</p>
			<output>
	<span class="symbol">¥</span>
	<span class="number u8"></span>
	<span class="number u7"></span>
	<span class="number u6"></span>
	<span class="symbol u6">,</span>
	<span class="number u5"></span>
	<span class="number u4"></span>
	<span class="number u3"></span>
	<span class="symbol">,</span>
	<span class="number u2"></span>
	<span class="number u1"></span>
	<span class="number u0"></span>
  </output>
			<p>…自从你提升了学历开始。</p>

			<br />
			<div style="border-radius: 5px;" id="later"> <button id="miao" class="button">稍等5s后</button></div>

		</article>

		<script>
			var miao = document.getElementById("miao");
			var later = document.getElementById("later");
			var p = 5;
			var inter = setInterval(function() {
				p -= 1;
				var html="稍等"+p+"s后";
				miao.innerHTML = html;
				if(p == 0) {
					clearInterval(inter);
					miao.innerHTML = "填写个人信息";
				}
			}, 1000)
		</script>

		<script src="studentInput.js"></script>
		<style>
			.button {
				background-color: #4CAF50;
				border: none;
				color: white;
				padding: 15px 32px;
				text-align: center;
				text-decoration: none;
				display: inline-block;
				font-size: 16px;
				margin: 4px 2px;
				cursor: pointer;
				-webkit-transition-duration: 0.4s;
				/* Safari */
				transition-duration: 0.4s;
				border-radius:10px ;
			}
			
			.button:hover {
				box-shadow: 0 12px 16px 0 rgba(0, 0, 0, 0.24), 0 17px 50px 0 rgba(0, 0, 0, 0.19);
			}
		</style>
	</body>

</html>